<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../js/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<script src="../js/jquery.min.js"></script>
		<script src="../js/layui/layui.js"></script>
		<script src="../js/common.js"></script>
	</head>

	<body>
		<h3>请在新页面打开查看</h3>
		<div id="test1"></div>
		<div id="test1-content"></div>
		<div id="test2"></div>
		<div id="test2-content"></div>
		<div id="test3"></div>
		<div id="test3-content"></div>

		<div id="page"></div>
		<script type="text/javascript">
			//局部刷新方式
			pageAjax({
				elem: 'test1', //分页
				url: '../template/laypage.json', //请求地址,参数为page: 1(当前页),limit: 10(每页10条),返回json中需要count:100(共100条)
				limit: 1, //每页条数
				pageName: 'pageWL', //请求第几页的属性名
				limitName: 'limitWL', //请求每页条数的属性名
				count: 'total', //返回总条数属性名
				data: { //额外参数
					x: 1,
					y: 2
				},
				success: function(jsonD, obj) { //请求成功
					var index = obj ? obj.curr : '1';
					$('#test1-content').html(index * 123456 + jsonD.data);
					layer.msg('数据结构随便配置');
					//console.log('当前分页的所有参数:', obj);
				}
			});

			//刷新页面
			pageUrl({
				elem: 'test2', //分页
				url: '../template/laypage.json', //请求地址,参数为page: 1(当前页),limit: 10(每页10条),返回json中需要count:100(共100条)
				limit: 1, //每页条数
				pageName: 'pageWL', //请求第几页的属性名
				limitName: 'limitWL', //请求每页条数的属性名
				count: 'zsn.sz', //返回总条数属性名
				hash: 'pageWL', //自定义hash值
				data: { //额外参数
					x: 1,
					y: 2
				},
				success: function(jsonD, obj) { //请求成功
					var index = obj ? obj.curr : '1';
					$('#test2-content').html(index * 123456 + jsonD.data);
					//console.log('当前分页的所有参数:', obj);
				}
			});

			//hash模式
			pageHash({
				elem: 'test3', //分页
				url: '../template/laypage.json', //请求地址,参数为page: 1(当前页),limit: 10(每页10条),返回json中需要count:100(共100条)
				limit: 1, //每页条数
				pageName: 'pageWL', //请求第几页的属性名
				limitName: 'limitWL', //请求每页条数的属性名
				//count: null, //返回总条数属性名(默认)
				hash: 'pageWL', //自定义hash值
				data: { //额外参数
					x: 1,
					y: 2
				},
				success: function(jsonD, obj) { //请求成功
					var index = obj ? obj.curr : '1';
					$('#test3-content').html(index * 123456 + jsonD.data);
					//console.log('当前分页的所有参数:', obj);
				}
			});
		</script>
	</body>

</html>